<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style type="text/css" title="AppleStyle">
        @import "iTube.css";
    </style>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleAnimator.js" charset="utf-8"></script>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleInfoButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="localizedStrings.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/utilities.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/setup.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Text.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/InfoButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/GlassButton.js" charset="utf-8"></script>
	
	 
	<script type="text/javascript" src="js/mootools.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/swfobject.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/generic.js" charset="utf-8"></script>
	
	<script type="text/javascript" src="js/controls.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/youtube.js" charset="utf-8"></script>
	<script type="text/javascript" src="js/init.js" charset="utf-8"></script>
	
     <script type="text/javascript" src="iTube.js" charset="utf-8"></script> 
</head>
<body onload="load();">

    <div id="front">
        <div id="flashcontent"> </div>
    <img id="frontImg" src="Default.png" alt="">
		<div id="buttons" class="stopped">
			<a id="bt-info" href="javascript:void(0);" title="View info"></a>	
			
			<a id="bt-stop" href="javascript:void(0);" title="Stop iTube"></a>
			<a id="bt-play" href="javascript:void(0);" title="Start iTube"></a>
			<a id="bt-forward" href="javascript:void(0);" title="Skip to next search result"></a>
			<a id="bt-fullscreen" href="javascript:void(0);" title="Launch fullscreen"></a>
					
		</div>
        <div class="apple-no-children" id="info" apple-part="com.apple.Dashcode.part.infobutton" apple-default-image-visibility="hidden"></div>
		
        <div id="tx_title"></div>
		<div id="log">
				starting up
		</div>
		<div id="tx_note">
				Double click to exit fullscreen mode.
		</div>
	
		
    </div>
    <div id="back">
       <img id="backImg" src="Images/1.1back.png" alt="">
	   <a id="bloglink" href="javascript:launchUrl('http://philipandrews.org/blog/itube');return void(0)" title="iTube homepage"></a>
        <div id="done"></div>
		<div id="versioninfo">
				
		</div>
		
    <div id="bt_autosearch">
	<input type="checkbox" name="Checkbox" disabled title="Search youtube when iTunes track changes" checked="checked" onchange="toggleAutoSearchHandler(event)">
	<div style="position: absolute; top: 2px; left: 18px; text-align: left; vertical-align: middle;color:white" id="checkboxbutton1">Auto Search</div>
</div>
    <div id="bt_playhidden">
	<input type="checkbox" name="Checkbox" checked="checked" title="Play the video in the background when widget is hidden" onchange="togglePlayHiddenHandler(event)">
	<div style="position: absolute; top: 2px; left: 18px; text-align: left; vertical-align: middle;color:white" id="checkboxbutton3">Play when hidden</div>
    </div>
	
	<div id="bt_sync">
	<input type="checkbox" name="Checkbox" checked="checked" title="Try to sync video time to audio time" onchange="toggleSyncHandler(event)">
	<div style="position: absolute; top: 2px; left: 18px; text-align: left; vertical-align: middle;color:white" id="checkboxbutton4">Sync playtime</div>
    </div>
	
	<div id="bt_interval">Check iTunes every<br/>
		<select id="select_interval">
		<option value="250">1/4 sec</option>
		<option value="500">1/2 sec</option>
		<option value="1000">1 secs</option>
		<option value="3000">3 secs</option>
		<option value="5000">5 secs</option>
		</select>
	</div>
	
    </div>

</body>
</html>